* {
    margin: 0;
    padding: 0;
    .app {
        background:#10aeb5;
        .box {
            width: 64%;
            margin: 0 18%;
            header {
                background-image: url(https://www.jq22.com/demo/jqueryxgbdsj202009240833/images/2.png);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: right 0px;
                position: relative;
                div {
                    display: inline-block;
                    width: 50%;
                }
                .header-left {
                    img {
                        max-width: 100%;
                    }
                    p {
                        color: white;
                        font-size: 15px;
                    }
                }
                .header-right {
                    position: absolute;
                    top: 0;
                    right: 0;
                    button {
                        float: right;
                        opacity: 0.5;
                        padding: 5px 12px;
                    }
                }
            }
            main {
                background:white;
                border-radius: 20px;
                .mainbox {
                    width: 90%;
                    padding: 20px 5%;
                    .toptiao {
                        border-bottom: 1px solid #ddd;
                        li {
                            display: inline-block;
                            list-style: none;
                            width: 50%;
                            text-align: center;
                            p {
                                display: inline-block;
                                margin: 0;
                            }
                            p:hover {
                                color:#10aeb5;
                                border-bottom: 2px solid #10aeb5;
                            }
                        }
                        
                    }
                }
                
            }
        }    
    }
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}